<html>
    <head>
        <title>segmented (hls) video test</title>
    </head>
    <body>
        <!--
            hls segments and manifest generated like so:
            ffmpeg -i ../site6/small.mp4 -c:v h264 -flags +cgop -g 30 -hls_time 1 small.m3u8
        -->
        <!--
            hls doesn't work in chrome with plain video tag without js, but we
            don't care because we're testing youtube-dl functionality
        -->
        <video id="video" controls muted>
            <source src="small.m3u8" type="application/x-mpegURL">
        </video>

        <!-- to make this work in chrome you need this -->
        <!--
        <script src="hls.js"></script>
        <script>
            if(Hls.isSupported()) {
                var video = document.getElementById('video');
                var hls = new Hls();
                hls.loadSource('small.m3u8');
                hls.attachMedia(video);
                hls.on(Hls.Events.MANIFEST_PARSED,function() {
                    video.play();
                });
            }
        </script>
        -->
    </body>
</html>
